<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>SIGEN - Sistema de Gerenciamento de Ensino Nacional</title>
		<script type="text/javascript" src="tela/turma/criarTurma.js" ></script>
		<link rel="stylesheet" type="text/css" href="tela/turma/criarTurma.css" ></link>
	</head>
	<body>

	<div class="ui-widget-content painel" >

			<!-- FORMULARIO -->
			<div id="subtitulo"><h3 class="ui-widget-header">Abertura e manutenção de Turmas</h3></div>
			<div id="formWrapper" class="centered">
				<form id="cadastro" class="bbq" action="#" onSubmit="return false;" method="post">
				<div id="step_visualization"></div>
				<fieldset class="step" id="dadosTurma">
					<legend style="border: 0px;">Dados da Turma</legend>
					<ul class="controls">
					  <li>
					  	<label>Solicitação origem:</label>
					  	<select name="solicitacao[id]" id="solicitacao" class="field" style="width: 100px;"></select>
					  </li>
					  <li>
					  	<label>Tipo do Curso:</label>
						<select id="modalidadeEnsino" name="modalidadeEnsino" class="field">
							<option value="null" >---Escolha---</option>
							<option value="EAD" >EAD</option>
							<option value="Presencial" >Presencial</option>
							<option value="Renaesp" >Renaesp</option>
						</select>
					  </li>
					  <li>
					  	<label>Curso:</label>
					  	<select name="curso[id]" id="curso" class="field" style="width: 280px;"></select>
					  </li>
					  <li>
					  	<label>Periodo do curso:</label>
					  	de <input type="text" class="field" id="abertura" name="abertura" style="width: 80px;"> à <input type="text" class="field" id="fechamento" name="fechamento" style="width: 80px;">
					  </li>	
					  <li>
					  	<label>Nome da Turma</label>
					  	<input type="text" class="field" id="nome" name="nome" style="width: 340px;">
					  </li>
<!-- 					  <li> -->
<!-- 					  	<label>O local da execução do curso é uma instituição de ensino cadastrada?</label> -->
<!-- 					  	<input type="radio" name="tipoLocal" id="tipoLocal" onclick="habilitaEscolha('instituicao')" checked="checked"> Sim&nbsp; -->
<!-- 					  	<input type="radio" name="tipoLocal" id="tipoLocal" onclick="habilitaEscolha('outro')"> Não -->
<!-- 					  </li> -->
<!-- 					  <span id="instituicao"> -->
						  <li>
						  	<label>Uf da unidade de ensino:</label>
						  	<select name="ufInstituicao" id="ufInstituicao" class="field"></select>
						  </li>	
						  <li>
						  	<label>Municipio da unidade de ensino:</label>
						  	<select name="municipioInstituicao[id]" id="municipioInstituicao" class="field"></select>
						  </li>
						  <li>
						  	<label>Instituição de ensino:</label>
						  	<select name="instituicaoEnsino[id]" id="instituicaoEnsino" class="field" style="width: 280px;"></select>
						  </li>	
<!-- 					  </span> -->
<!-- 					  <span id="outro" style="display: none;"> -->
<!-- 						  <li> -->
<!-- 						  	<label>Local:</label> -->
<!-- 						  	<input type="text" class="field" id="local" name="local" style="width: 340px;"> -->
<!-- 						  </li>	 -->
<!-- 						  <li> -->
<!-- 						  	<label>Endereço:</label> -->
<!-- 						  	<input type="text" class="field" id="endereco" name="endereco" style="width: 340px;"> -->
<!-- 						  </li> -->
<!-- 					  </span>	 -->
					  <li>
					  	<label>Quantidade de vagas</label>
					  	<input type="text" class="field" id="vagas" name="vagas">
					  </li> 
					  <li>
					  	<label>Tipo de certificacao:</label>
					  	<select name="certificacao[id]" id="certificacao" class="field" style="width: 280px;"></select>
					  </li>	
						<li><label>Coordenador:</label>
							<input type="text" id="pessoaAutoCoordenador" name="coordenador[nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="coordenador[id]" id="pessoaAutoCoordenadorHidden">
						</li>
						<li><label>Supervisor:</label>
							<input type="text" id="pessoaAutoSupervisor" name="supervisor[nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="supervisor[id]" id="pessoaAutoSupervisorHidden">
						</li>			   
		        	</ul>
		 		</fieldset>
<!-- 		 		Distribuição das atividades criar nova tela-->
                <fieldset class="step" id="docentes">  
                  <legend>Atividades do curso</legend>
                	<ul class="controls">
						<li><label>Disciplina:</label><select name="docentes[disciplina][id]" id="disciplina" class="field" style="width: 280px;"></select></li>
						<li><label>Escolhido:</label>
							<input type="text" id="pessoaAutoDocente" name="docentes[docente][nome]" class="field" style="width: 280px;">
                  			<input type="hidden" name="docentes[docente][id]" id="pessoaAutoDocenteHidden">
						</li>
						<li>
					  	  <label>Atividade a desempenhar:</label>
						  <select id="atividadeCurso" name="docentes[atividadeCurso]" class="field">
							<option value="null" >---Escolha---</option>
							<option value="Docente" >Docente</option>
							<option value="Monitor" >Monitor</option>
							<option value="Palestrante" >Palestrante</option>
						  </select>
					      <a id="adicionarDocentesBtn"  href="#">Adicionar</a>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridDocentes"></table>
						</li>	
                  </ul>
                </fieldset> 
<!-- 				Distribuição de vagas -->
                <fieldset class="step" id="distribuicaoVagas">  
                  <legend>Distribuição de vagas</legend>
                	<ul class="controls">
						<li><label>Ramo da Segurança Pública:</label><select name="distribuicaoVagas[ramoSegurancaPublica][id]" id="ramoSegurancaPublica" class="field" style="width: 280px;"></select></li>
						<li><label>Uf:</label><select name="distribuicaoVagas[estadoDisposicao][id]" id="estadoDisposicao" class="field" style="width: 80px;"></select></li>
						<li><label>Vagas disponibilizadas:</label><input type="text" id="quantidade" name="distribuicaoVagas[quantidade]" class="field">
						    <a id="adicionarDistribuicaoVagasBtn"  href="#">Adicionar</a>
						</li>
						<li>
						    <table cellspacing="0" class="display" cellpadding="0" border="0" id="dataGridDistribuicaoVagas"></table>
						</li>	
                  </ul>
                </fieldset> 
		 		<div id="navigation"> 							
					<input class="navigation_button " id="back"  value="Voltar" type="reset" />
					<input class="navigation_button " id="next"  value="Próximo" type="submit" />
				</div>
				</form>
			</div>
	</div>
	
	<!-- MODAL POPUP -->
	<div id="modalPopup" title=" ">
		<span id="dialogMessage" ></span>
	</div>
	
	</body>
</html>
	
